/* style sheets */
.ui-div-barra-superior {
    width: 100%;
    display: inline-block;
    background-color: black;
    padding: 5px;
}

.ui-div-nombre {
    float: left;
    color: white;
}

.ui-div-hora {
    text-align: right;
    float: right;
    color: white;
}

.ui-datos-generales {
    width: 30%;
    height: 100%;
    float: left;
}

.ui-detalle {
    overflow: auto;
    width: 70%;
}

.ui-panel-izquierdo {
    width: 40%;
    float: left;
}

.ui-panel-derecho {
    width: 60%;
    float: right;
}

.ui-titulo-seccion {
    padding: 3px;
    margin: 3px;
    background-color: silver;
    font-weight: bold;
}

.ui-tabla-resultados {
    padding: 5px;
    padding-bottom: 0px;
    margin: 3px;
    margin-bottom: 0px;
}

.ui-tabla-resultados-columna-detalles {
    width: 60%;
}

.ui-tabla-resultados-columna-cantidad {
    width: 20%;
    text-align: center;
}

.ui-tabla-resultados-columna-porcentaje {
    width: 20%;
    text-align: center;
}

.ui-tabla-resultados tr{
    cursor: pointer;
}

.ui-tabla-detalles {
    padding: 5px;
    margin: 3px;
}

.ui-tabla-conexion {
    width: 90%;
    margin: 0 auto;
}

.ui-tabla-conexion-columna-descripcion {
    width: 40%;
    text-align: right;
}

.ui-tabla-conexion-columna-hora {
    width: 30%;
    text-align: center;
}

.ui-tabla-conexion-columna-total-horas {
    width: 30%;
    text-align: center;
}

.ui-div-tabla-cooperacion, .ui-div-tabla-reasignacion {
    margin-bottom: 10px;
}

.ui-tabla-cooperacion, .ui-tabla-reasignacion {
    width: 90%;
    margin: 0 auto;
}

.ui-tabla-cooperacion-columna-numero, .ui-tabla-reasignacion-columna-numero {
    width: 30px;
    text-align: center;
}

.ui-tabla-cooperacion-columna-mensaje, .ui-tabla-reasignacion-columna-mensaje {
    text-align: center;
}

.ui-tabla-cooperacion-columna-mensaje-contenido, .ui-tabla-reasignacion-columna-mensaje-contenido {
    text-align: left;
}

.ui-tabla-cooperacion-columna-acciones, .ui-tabla-reasignacion-columna-acciones {
    width: 110px;
    text-align: center;
}

.ui-tabla-cooperacion-columna-acciones-contenido, .ui-tabla-reasignacion-columna-acciones-contenido {
    width: 92px;
    text-align: center;
}

.ui-tabla-cooperacion-td, .ui-tabla-reasignacion-td {
    padding: 0px !important;
}

.ui-tabla-cooperacion-div-scroll, .ui-tabla-reasignacion-div-scroll {
    min-height: 200px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: auto;
}

.ui-div-link-pointer {
    cursor: pointer;
}

.ui-div-opciones {
    overflow:auto;
    margin-bottom: 3px;
}

.ui-div-half-width-left {
    width: 50%;
    overflow:auto; 
    float: left;
    text-align: center;
    padding: 3px;
    padding-left: 8px;
}

.ui-div-half-width-right {
    width: 50%;
    overflow:auto; 
    float: right;
    text-align: center;
    padding: 3px;
    padding-right: 8px;
}

.ui-button-full-width {
    width: 100% !important;
}

.ui-div-pie-chart {
    width: 100%;
    overflow: hidden;
}

.ui-div-fechas-rango {
    width: 100%;
    overflow: hidden;
    padding: 3px;
    margin: 5px;
    margin-top: 1px;
}

.ui-div-fecha-inicio {
    float: left;
    width: 30%;
    overflow: hidden;
    margin-right: 3px;
    padding: 3px;
}

.ui-div-fecha-fin {
    float: left;
    width: 30%;
    overflow: hidden;
    margin-left: 3px;
    margin-right: 3px;
    padding: 3px;
}

.ui-input-fecha {
    height: initial;
    width: 79%;
}

.ui-text-align-left {
    text-align: left;
    width: 20%;
}

.ui-text-align-center {
    text-align: center;
}

.ui-div-botones {
    float: left;
    width: 20%;
}

.ui-subtitulo-solicitud {
    text-align: center;
    margin: 5px auto;
    background-color: deepskyblue;
    width: 90%;
    border-radius: 10;
}